<%@ Page Language="C#" MasterPageFile="~/Demo.master" AutoEventWireup="true" 
    Inherits="SharpPieces.DemoApp.ImgCheckBoxAppearance" 
    CodeBehind="imgcheckboxappearance.aspx.cs" %>

<asp:Content ID="Content2" ContentPlaceHolderID="headPlaceHolder" Runat="Server">
    <title>SharpPieces - Image Checkbox Appearance - Live Demo</title>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="descriptionPlaceholder" Runat="Server">
    <h1>SharpPieces - Image Checkbox Appearance - Live Demo</h1>
    
    <p>SharpPieces ImageCheckBox control allows customization of anchor style through css, 
        or the checkbox image through the CheckedImageUrl and UncheckedImageUrl properties.</p>
</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="demoPlaceholder" Runat="Server">
    <div class="checkboxDemo">
        <link rel="stylesheet" type="text/css" href="../Skins/ImageCheckBox/checkbox.css" />
        Default skin, default checked: <br />
        <piece:ImageCheckBox ID="chkLike" Width="350px" Text="Do you like sharppieces.com" 
            Checked="true" runat="server"></piece:ImageCheckBox>
        <hr />
        Custom image:<br />
        <piece:ImageCheckBox ID="chkCustom" runat="Server" Text="Hello world" 
            CheckedImageUrl="~/Skins/ImageCheckBox/checked.gif" 
            UncheckedImageUrl="~/Skins/ImageCheckBox/unchecked.gif" />
        
        <piece:ImageCheckBox ID="ImageCheckBox1" runat="Server" Text="Hello world 2" 
            CheckedImageUrl="~/Skins/ImageCheckBox/checked2.gif" 
            UncheckedImageUrl="~/Skins/ImageCheckBox/unchecked2.gif" />   
    </div>
</asp:Content>

